亚洲伊人久久精品影院,91精品尤物福利国产,欧美特黄一区二区,96久久精品人人妻人人槡

聯(lián)
咨詢(xún)熱線(xiàn):

185-9527-1032

聯(lián)系QQ:

2863379292

官方微信:

移動(dòng)端搜索優(yōu)化怎么做-大連網(wǎng)站建設給你支招

網(wǎng)站優(yōu)化

導讀:“搜索” 是許多移動(dòng)端應用中的常見(jiàn)功能,尤其對于電商類(lèi)、引擎類(lèi)、信息流類(lèi)的應用,搜索往往是其中重要的功能之一,據說(shuō)淘寶用戶(hù) 90%的行為都從搜索框開(kāi)始。無(wú)論是移動(dòng)端還是 pc

發(fā)表日期:2019-07-10

文章編輯:興田科技

瀏覽次數:8648

標簽:

“搜索” 是許多移動(dòng)端應用中的常見(jiàn)功能,尤其對于電商類(lèi)、引擎類(lèi)、信息流類(lèi)的應用,搜索往往是其中重要的功能之一,據說(shuō)淘寶用戶(hù) 90%的行為都從搜索框開(kāi)始。無(wú)論是移動(dòng)端還是 pc 端,“搜索” 的設計思考都以 “用戶(hù)要得到什么?” 作為出發(fā)點(diǎn);但兩者的展現形式卻不盡相同。相較于 pc 端,移動(dòng)端的搜索功能需要在更小的屏幕空間上占有一席之地;根據不同的業(yè)務(wù)形式,其展現的方式也是多種多樣。本文以 “搜索的時(shí)間邏輯” 作為脈絡(luò ),從 “為什么要搜索-搜索前-搜索時(shí)-搜索后” 對搜索功能進(jìn)行解剖式分析,給自己做分析整理的同時(shí)也分享給剛剛入門(mén)做移動(dòng)端體驗設計的同學(xué)。

為什么要搜索-關(guān)于搜索的行為思考

移動(dòng)端搜索優(yōu)化怎么做-大連網(wǎng)站建設給你支招 網(wǎng)站制作用什么

不同的搜索目的

不同的用戶(hù)或使用場(chǎng)景,用戶(hù)搜索的目的往往不同,一般分以下三類(lèi)。

1、精確搜索。這種場(chǎng)景下用戶(hù)目的清晰明確、直奔主題,通過(guò)在搜索框輸入內容快速找到所需目標,完成此次搜索動(dòng)作。常見(jiàn)案例如百度地圖、UBER、網(wǎng)易有道詞典、同花順的搜索功能等。

2、提高尋找效率,高效鎖定目標或快速縮小范圍。這時(shí)候 “搜索” 功能在一定程度上和 “篩選” 近似,有時(shí)候往往和篩選一起使用。這種常見(jiàn)于信息瀏覽類(lèi)應用,在用戶(hù)瀏覽信息的同時(shí)往往 “迸發(fā)” 出念頭,想要快速瀏覽有針對性?xún)热?,于是開(kāi)始使用搜索。常見(jiàn)案例如愛(ài)奇藝、下廚房、優(yōu)酷、美團、大眾點(diǎn)評、知乎等。

3、用戶(hù)不知道自己想要什么,通過(guò) “搜索” 啟發(fā)自己靈感。因為很多應用的搜索頁(yè)面中往往有 “精心安排” 的信息。為迎合這類(lèi)用戶(hù)需求,搜索頁(yè)面一般有熱門(mén)搜索的關(guān)鍵詞、搜索類(lèi)目、記錄等等。

寫(xiě)在搜索前-搜索怎么放

1、搜索圖標:在導航欄一側或其他位置放置,根據用戶(hù)場(chǎng)景和重要級需求決定。一般搜索圖標放在右側,當右側有兩個(gè)及以上按鈕時(shí),考慮平鋪或折疊。

2、搜索欄:以搜索欄的形式直接放在導航欄或放在導航欄下方等其他位置,此時(shí)搜索欄可結合語(yǔ)音、拍照、刪除(在輸入后顯示)等功能按鈕。

3、搜索作為標簽欄中的某一個(gè)功能:根據內容重要性決定排在第幾個(gè)標簽中。

4、搜索以單獨頁(yè)面或主頁(yè) p0 功能展現:直接作為主頁(yè)面或主頁(yè)以較大篇幅顯示搜索欄,內容及形式根據用戶(hù)場(chǎng)景定義。(見(jiàn)圖一)

移動(dòng)端搜索優(yōu)化怎么做-大連網(wǎng)站建設給你支招 網(wǎng)站制作用什么

我是圖一

搜索時(shí)-搜索框的變身

1.以搜索欄形式展現的搜索功能,搜索框的位置可以出現較短的文案,長(cháng)度需限制在搜索框的長(cháng)度以?xún)?,起到隱性提示和引導的作用,有時(shí)也會(huì )加入運營(yíng)內容;當出現搜索框時(shí),往往配合 “取消”“刪除”“語(yǔ)音輸入”“拍照輸入” 等功能;當搜索框與其他功能按鈕一起出現時(shí),需要注意各個(gè)功能按鈕的可用性問(wèn)題。(見(jiàn)圖二)

移動(dòng)端搜索優(yōu)化怎么做-大連網(wǎng)站建設給你支招 網(wǎng)站制作用什么

我是圖二

2.以圖標形式展現的搜索功能,當用戶(hù)點(diǎn)擊時(shí),或以動(dòng)效形式出現搜索框,或直接至單獨的搜索頁(yè)面。當然,搜索框的形式展現時(shí),點(diǎn)擊行為也會(huì )觸發(fā)至一個(gè)新的頁(yè)面。無(wú)論以上哪種形式,當至單獨的搜索頁(yè)面時(shí),可展現的關(guān)于 “搜索” 的內容就更加精彩紛呈了。一般可以給出以下內容:

1)與搜索字段相關(guān)的聯(lián)想詞列表:頁(yè)面上實(shí)時(shí)展現與搜索關(guān)鍵詞有關(guān)的單一內容列表或多樣性?xún)热菡故?。若關(guān)聯(lián)詞有相關(guān)操作或二級內容,如關(guān)閉、搜索結果的副標題或補充內容等,可直接在關(guān)聯(lián)詞后露出。

2)搜索內容的支持范圍:定義內容、類(lèi)目列表、范圍欄(scope bar)給出支持的標簽或者 tab。其目的是讓用戶(hù)明確 “搜索” 支持的范圍,相當于搜索的 tips,有時(shí)候 “篩選” 功能會(huì )在該頁(yè)配合搜索一起使用。(見(jiàn)圖三)

移動(dòng)端搜索優(yōu)化怎么做-大連網(wǎng)站建設給你支招 網(wǎng)站制作用什么

我是圖三

3.搜索歷史

4.熱門(mén)搜索

5.可能在搜索(根據用戶(hù)習慣、喜好等數據推薦)

6.精華內容

7.運營(yíng)推廣內容:如內容推薦、建議類(lèi)目的關(guān)鍵詞。(如類(lèi)目的設計、CMS 頻道的設計、促銷(xiāo)活動(dòng)的設計)(參考案例百度地圖)

8.廣告

9.以上幾種內容的結合體(見(jiàn)圖四)

移動(dòng)端搜索優(yōu)化怎么做-大連網(wǎng)站建設給你支招 網(wǎng)站制作用什么

我是圖四

10.針對關(guān)鍵詞的進(jìn)一步推薦搜索的列表(我個(gè)人稱(chēng)之為漸進(jìn)式搜索,參考案例:(知乎 App),這是一種搜索內容未能提供情況下,讓用戶(hù)能夠 “有所得” 得好方法,提升了用戶(hù)體驗。試想當你輸入了一大段文字之后展現的頁(yè)面是 “暫無(wú)內容”,相比于此,提前讓用戶(hù)知道:“我們這里暫時(shí)沒(méi)有你要的。但是,或許可以看看別的”“別的內容或許也有你意想不到的驚喜奧!” 此方案看上去像降級方案,但本質(zhì)是讓用戶(hù)的搜索行為可控,反而提升了搜索結果的用戶(hù)體驗。(見(jiàn)圖 5)

移動(dòng)端搜索優(yōu)化怎么做-大連網(wǎng)站建設給你支招 網(wǎng)站制作用什么

我是圖五

搜索后-搜索的結果呈現

當我們完成搜索時(shí),以何種形式呈現什么樣的內容才能更好的滿(mǎn)足我們的需求呢?當用戶(hù)點(diǎn)擊搜索時(shí),有兩種信息的呈現形式,一種是在當前頁(yè)面展示,另一種是新開(kāi)頁(yè)面。

1、在當前頁(yè)面展示搜索結果的頁(yè)面,內容較簡(jiǎn)單,主要目的是為了讓用戶(hù)進(jìn)一步點(diǎn)擊選擇,使得搜索的結果可控。這種情況下常以列表形式平鋪地展現信息,相關(guān)地二級標題或按鈕會(huì )結合搜索結果同步露出。這種情況下,很多時(shí)候鍵盤(pán)地 “搜索” 按鈕是禁用的或者鍵盤(pán)的設計無(wú)搜索按鈕。

2、當需要展示的內容有不同屬性,如列表、圖、圖文結合或更多的其他形式,則一般采用新開(kāi)頁(yè)面的方式,信息的展示也需要做分層處理。信息的分層包括每個(gè)單元內信息之間的對比、強調和弱化。不同單元和屬性的信息間優(yōu)先級展示以及展示方式的區分。參考案例如下:(見(jiàn)圖6)

移動(dòng)端搜索優(yōu)化怎么做-大連網(wǎng)站建設給你支招 網(wǎng)站制作用什么

我是圖六

3、當搜索無(wú)內容時(shí),我們給用戶(hù)什么?簡(jiǎn)單粗暴的形式是直接告訴用戶(hù)沒(méi)有,但這種體驗太不好,作為交互設計師應該思考一件事 ““在沒(méi)有結果展示時(shí)我們還能為用戶(hù)做點(diǎn)兒什么?” 從用戶(hù)的角度思考,即 “啥都沒(méi)有,我要做什么呢?” 帶著(zhù)疑問(wèn)來(lái)開(kāi)始這個(gè)頁(yè)面的設計,用戶(hù)分為主動(dòng)和被動(dòng)。主動(dòng)的用戶(hù)這時(shí)候會(huì )做什么?或許會(huì )重新發(fā)起一次搜索,輸入更加精確的關(guān)鍵詞、提交報錯或反饋,這類(lèi)用戶(hù)總會(huì )找到他想做的事情。而對于被動(dòng)的用戶(hù),我們就應該去了解他,投其所好。如相似度和關(guān)聯(lián)性推薦、熱門(mén)推薦、可能喜歡、搜索歷史等形式。(見(jiàn)圖 7)

移動(dòng)端搜索優(yōu)化怎么做-大連網(wǎng)站建設給你支招 網(wǎng)站制作用什么

我是圖七

有時(shí)候用戶(hù)對于搜索結果并不滿(mǎn)意,我們可以在頁(yè)面上做結果頁(yè)展示的補償方案:如讓用戶(hù)進(jìn)一步明確搜索詞,縮小搜索范圍,如通過(guò)分類(lèi)和篩選功能。二是引導用戶(hù)在應用可支持的范圍內進(jìn)行搜索,如同花順的股票搜索、知乎的搜索案例等。

結語(yǔ)

本文僅從 “時(shí)間邏輯” 的角度把搜索功能的形式做了一次簡(jiǎn)單總結;但搜索的場(chǎng)景往往根據具體業(yè)務(wù)需求千變萬(wàn)化,但這恰恰是用戶(hù)體驗設計的意義點(diǎn)所在,也是設計的本源,即 “探索人搜索的初始欲望”。關(guān)于搜索,可以思考的點(diǎn)還有很多,隨意拋出一個(gè)問(wèn)題,如:點(diǎn)擊 “搜索” 的時(shí)候一定要喚起鍵盤(pán)嗎?再問(wèn),點(diǎn)擊 “搜索框” 的時(shí)候一定要喚起鍵盤(pán)嗎?這些都沒(méi)有永恒的固定答案,而相對正確的答案都在每一次的具體業(yè)務(wù)中。選擇大連網(wǎng)站建設網(wǎng)建科技微信公眾號:sz-shamofeng

相關(guān)推薦

更多新聞